<template>
  <div class="flex-row admin-container">
    <el-menu style="width: 200px" router :default-active="$route.path">
      <el-menu-item index="/admin/overview">
        <el-icon class="el-icon-"><data-line /></el-icon>
        <span>概况</span>
      </el-menu-item>
      <el-menu-item index="/admin/request-log">
        <el-icon class="el-icon-"><tickets /></el-icon>
        <span>请求日志</span>
      </el-menu-item>
      <el-menu-item index="/admin/user-management">
        <el-icon class="el-icon-"><user /></el-icon>
        <span>用户</span>
      </el-menu-item>
      <el-menu-item index="/admin/friend-link">
        <el-icon class="el-icon-"><Link /></el-icon>
        <span>友链</span>
      </el-menu-item>
      <el-menu-item index="/admin/system-setting">
        <el-icon class="el-icon-"><setting /></el-icon>
        <span>设置</span>
      </el-menu-item>
    </el-menu>
    <div class="flex-1 bg-white" style="overflow-y: auto">
      <router-view />
    </div>
  </div>
</template>

<script lang="ts">
import {Options, Vue} from "vue-class-component";

@Options({})
export default class AdminIndex extends Vue{
}
</script>

<style scoped lang="scss">
@import "src/style/var-layout";

.admin-container{
  height: $router-view-height;
}
</style>
